﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title></title>
    <link rel="stylesheet" href="/css/scenario8_VisitsBackgroundTask.css">
    <script src="/js/scenario8_VisitsBackgroundTask.js"></script>
</head>

<body class="win-type-body">
    <div data-win-control="SdkSample.ScenarioInput">
        <p>Control registration of a background task to receive Visit state change events.</p>
        <button class="action win-button" id="registerBackgroundTaskButton">Register</button>
        <button class="action win-button" id="unregisterBackgroundTaskButton">Unregister</button>
    </div>
    <div data-win-control="SdkSample.ScenarioOutput">
        <div style="display: -ms-grid; -ms-grid-columns: 100px auto; -ms-grid-rows: auto">
            <div style="-ms-grid-column: 1; -ms-grid-row: 1">Visit Events</div>
            <div style="-ms-grid-column: 2; -ms-grid-row: 1">
                <div style="-ms-grid-column: 2; -ms-grid-row: 2">
                    <div id="VisitBackgroundEventsListView" class="win-selectionstylefilled" 
                         data-win-control="WinJS.UI.ListView" 
                         data-win-options="{selectionMode: &apos;single&apos;, tapBehavior: &apos;toggleSelect&apos;, layout: { type: WinJS.UI.ListLayout } }">

                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>